<template>
  <div class="produc revealtop04">
    <div class="container">
      <div class="area-row">
        <div class="area-row-h">联系我们</div>
        <ul >
          <li v-for="(item, i) in subsidiary" :key="i" >
            <a :href="item.link" target="_blank">
              <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
                <defs></defs>
                <g transform="translate(-384 -3325)">
                  <rect class="a" width="48" height="48" transform="translate(384 3325)"/>
                  <path class="b" d="M423.749,3354.55c-.855-2.826-1.84-5.2-3.353-9.087C420.632,3335.255,416.5,3327,407,3327c-9.614,0-13.651,8.421-13.395,18.465-1.518,3.892-2.5,6.25-3.353,9.087-1.818,6.019-1.23,8.509-.781,8.564.963.121,3.749-4.53,3.749-4.53a12.129,12.129,0,0,0,4.267,8.74c-1.412.445-4.583,1.644-3.829,2.958.61,1.061,10.491.676,13.341.346,2.85.33,12.732.715,13.341-.346.754-1.309-2.422-2.512-3.828-2.958a12.147,12.147,0,0,0,4.267-8.74s2.786,4.65,3.748,4.53c.455-.061,1.043-2.551-.775-8.564Zm0,0" transform="translate(1.001 0.001)"/>
                </g>
              </svg>
              <p>{{item.showTitle}}：<br>{{item.qqNumber}}</p>
            </a>
          </li>
        </ul>

      </div>
    </div>
  </div>
</template>

<script>
import api from '@/api/index'
export default {
  name: 'contact',
  data () {
    return {
      subsidiary: ''
    }
  },

  mounted () {
    api.index().then(res => {
      this.subsidiary = res.data.data.contactList
    })
  },
  methods: {}
}
</script>

